<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="always" name="referrer">
    </head>

    <body>
    <div id="msg"></div>
    <input type="text" id="text">
    <input type="button" value="发送 " onclick="send()">

    <script>
        //调用websocket对象建立连接：
        //参数：ws/wss(加密)://ip:port （字符串）
        var websocket = new WebSocket('ws://127.0.0.1:7000/hello')
        // console.log(websocket.readyState) // 0
        // readyState
        // 0 链接还没有建立（正在建立链接）
        // 1 链接建立成
        // 2 链接正在关闭
        // 3 链接已经关闭

        // 监听链接开启事件
        websocket.onopen = function () {
            console.log(websocket.readyState)
        }

        // 绑定按钮点击事件
        function send() {
            var text = document.getElementById('text').value
            // ws 消息发送
            websocket.send(text)
        }

        // 监听服务端消息推送事件
        websocket.onmessage = function (back) {
            console.log(back.data)
        }

        // 监听连接错误信息
        // websocket.onerror = function (evt, e) {
        //   console.log('Error occured: ' + evt.data);
        // };

        //监听连接关闭
        // websocket.onclose = function (evt) {
        //   console.log("Disconnected");
        // };


    </script>

    </body>

</html>

